@base-color: #00A2CC;
@main-width: 1280px;

@black-text: #000000;
@primary-text: #333333;
@gray-text: #666666;
@secondary-text: #999999;
@white-text: #ffffff;

@border-dark: #34373b;
@border-base: #cccccc;
@border-light: #dfdfdf;
@border-lighter: #ebeef5;
@border-extralight-color: #f2f6fc;

@bg-white: #fff;
@bg-black-color: #000;
@bg-base-color: #f7f7f7;

@text-xsl: 30px;
@text-sl: 24px;
@text-xxl: 22px;
@text-sxl: 20px;
@text-xl: 18px;
@text-lx: 17px;
@text-lg: 16px;
@text-l: 15px;
@text-df: 14px;
@text-sm: 13px;
@text-xs: 12px;

@font-blod: 800;
@font-primary: 700;
@font-regular: 400;
@font-secondary: 100;

@font-line-height-large: 32px;
@font-line-height-primary: 24px;
@font-line-height-secondary: 18px;

@border-radius: 4px;

@box-shadow-hover-color: rgba(136, 150, 171, 0.15);
@box-shadow-dark-color: rgba(136, 150, 171, 0.5);



// .textOverflow(1);这里！！！！！！//传入1  覆盖掉默认参数2  调用less函数
.textOverflow(@line: 2) {
  //默认参数是2行省略   传入参数就覆盖
  overflow: hidden;
  /*必须结合的属性,当内容溢出元素框时发生的事情*/
  text-overflow: ellipsis;
  /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
  display: -webkit-box;
  /*必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
  -webkit-line-clamp: @line;
  /*用来限制在一个块元素显示的文本的行数。*/
  -webkit-box-orient: vertical;
  /*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/
}
